@charset "utf-8";
/* CSS Document */


*{ margin:0px; padding:0px;}
body{
	width:100%;
	margin:0px;
	padding:0px;
	color:#5d5d5d;
	font-size:15px;
	font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;

}
html{ overflow-x:hidden;}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#5d5d5d; }
a:hover{ color:#15569d;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
li{ list-style:none;}
.ds{
	display:block;}
.fl{
	float:left;}
.rl{
	float:right;}

	
.barwrap{ width:100%;position:fixed; top:0; left:0; right:0; margin-left:auto;margin-right:auto;z-index:1000000;}
.barwrap.on{ animation-name: down; height:157px; animation-duration: 1s;background:url(../images/menubg.png) repeat;top:0;border-bottom: none;}
.dymenu{ width:1300px; margin:0 auto;}
.logoimg{ margin-top:15px;}
#nav {
	width:562px;
	float:left;
	margin-top:85px;
}
#nav li {
 float: left; width:140.5px;
}

#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#FFF;
	font-size:18px;
}

#nav li a:hover{
	text-decoration:none;
	color:#3481bb;
    width:100%;
}

#nav li a#cur{color:#3481bb;}

#nav li ul {
	line-height:50px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 140.5px;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	padding-top:20px;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #3481bb;filter: Alpha(Opacity=90);
	border-top: none #6b8549;
	border-right: none #6b8549;
	border-bottom: 1px solid #fde5b7;
	border-left: none #6b8549;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#FFF;text-decoration:none;font-weight:normal;
 background:#1698d4;filter: Alpha(Opacity=70);
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}


/*banneræ»šåŠ¨*/
.banner { position:relative; overflow:hidden; width: 100%;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear;
 -webkit-transition:opacity 1000ms linear; float:left; position: relative;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:50px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:15px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:10px; height:20px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#15569d;}
.banner .txt{ position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
-moz-transform: translate(-50%,-50%);  width: 1200px;}
.banner .txt img{ display: block; max-width: 100%;} 
/***************end*************/

.dyaboutbg{ width:100%; margin:0 auto; background:url(../images/aboutbg.jpg) no-repeat top center; color:#FFF; height:650px;}
.dyabout{ width:90%; margin:0 auto; padding-top:135px;}
.dyabout h1{ display:block; width:100%; float:left; font-size:47px;}
.dyabout h2{ display:block; width:100%; float:left; font-size:20px; margin-top:10px;}
.dyabout p{ width:50%; float:left; line-height:24px; margin-top:55px; white-space:pre-wrap;}

.aboumore{ width:178px; height:50px; border:1px solid #FFF; color:#FFF; border-radius:50px; text-align:center; line-height:50px; margin-top:20px;}
.aboumore:hover{ background:#15569d; color:#FFF; border:1px solid #15569d;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#15569d url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#15569d url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_ercode{background:#15569d url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


.neiba {
    overflow: hidden;
    width: 100%;
}
.neiyeba{
    height:450px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.syditu{
    height:750px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slideshowba3{
    height:936px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


/*数据统计滚动*/
.product-number-info{background:#16569e; position: relative;}
.product-number-info .product-number-inner{width: 90%; margin:0 auto;}
.product-number-info ul{padding: 85px 0;}
.product-number-info ul.q:after {content: "";clear: both;display: table;}
.product-number-info li{float: left; width: 25%; height: 90px; color:#fff; text-align:center;}
.product-number-info li:first-child{border:none;}
.product-number-info li b{font-size:100px; line-height: 1;display: inline-block; position: relative; /*margin: 15px 0 10px;*/}
.product-number-info li b i{font-style: normal;font-family:Impact;}
.product-number-info li b sup{position: absolute; font-size:20px; right: -15px; top: -3px;}
.product-number-info li b em{font-style: normal; font-size: 28px; padding-left: 2px; position:relative; top: -4px;}
.product-number-info li b sub{ font-size:20px;padding-left: 2px; font-weight:normal; bottom:0;}
.product-number-info li p{font-size: 16px;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px;}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:95px;}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:50px;}
.product-number-info li.li-5{text-align: center;}
.product-number-info li.li-5 b{padding-right: 2px;}


.dyh1{ width:1300px; margin:0 auto; text-align:center; color:#FFF; font-size:47px; margin-top:122px;}
.dyh2{ width:1300px; margin:0 auto; text-align:center; color:#FFF; font-size:18px; margin-top:12px; font-weight:normal;}

.dyul01{ width:1300px; margin:0 auto; margin-top:50px;}
.dyul01 li{ width:266px; height:266px; float:left; margin:15px 29px 25px 30px; text-align:center; color:#FFF;}
.dyul01 li a{ color:#FFF; font-size:30px; font-weight:bold;}
.img1{ margin-bottom:20px; margin-top:80px;}
.cpaa2{ display:none;}
.dyul01 li:hover .cpaa1{ display:none;}
.dyul01 li:hover .cpaa2{ display:block;}
/***************************************************************/

.dyanlibg{ width:100%; background:url(../images/anlibg.jpg) no-repeat top center; padding-bottom:80px;}
.dyanli{ width:90%; margin:0 auto;}

.dysp01{ width:300px; color:#3c3c3c; font-size:18px; line-height:50px; margin-top:80px;}
.dysp01 strong{ font-size:47px;}

.anmore{ width:100px; background:url(../images/morepic.png) no-repeat; height:13px; line-height:13px; padding-left:20px; margin-top:100px;}

.dyanli2{ width:100%; margin:0 auto;}
.dyanli2 ul{ width:100%; float:left;}
.dyanli2 li{ width:24%; float:left; margin:0.5%; height:322px; overflow:hidden;}
.anlipic{ position:relative; z-index:100; width:100%; height:auto;}
.dysp02{ position:relative; z-index:10000; width:100%; height:322px; top:-322px; line-height:322px; font-size:22px; font-weight:bold; color:#FFF; text-align:center;}
.dyanli2 li a:hover .dysp02{ background:url(../images/spanbg.png) repeat;}
/**********************************************************************/

.dynewsbg{ width:100%; background:url(../images/newsbg.jpg) no-repeat top center; margin:0 auto; padding-bottom:80px;}
.dynews{ width:90%; margin:0 auto;}
.dysp03{ width:100%; color:#FFF; line-height:50px; margin-top:80px;}
.dysp03 strong{ font-size:47px;}

.dyul02{ width:100%;}
.dyul02 li{ width:30.3333%; float:left; margin:0 1.5%; background:#FFF;}
.dyul02 li:hover{ background:#15569d;}
.dyul02 li a img{ width:100%; height:auto; float:left;}
.dyul02 li a div{ width:90%; padding:5%; float:left;}
.dyul02 li a div h1{ display:block; width:100%; float:left; font-size:18px;}
.dyul02 li a div h2{ display:block; width:100%; float:left; font-size:15px; font-weight:normal; margin-top:12px;}
.dyul02 li:hover div{ color:#FFF;}
/***************************************************************/

.dyfoot{ width:100%; margin:0 auto; background:url(../images/footbg.jpg) no-repeat top center; color:#FFF; padding-bottom:30px;}
.dyfoot1{ width:90%; margin:0 auto; padding-top:50px;}
.dyfoot1-1{ width:60%;}
.dyfoot01{ width:16%;}
.dyfoot01 h1{ display:block; width:100%; float:left; font-size:20px; font-weight:normal;}
.dyfoot01 ul{ width:100%; float:left; margin-top:12px;}
.dyfoot01 li{ width:100%; float:left; line-height:30px;}
.dyfoot01 li a{ color:#a1bbd8;}
.dyfoot01 li a:hover{ color:#FFF; text-decoration:underline;}

.dyfoot1-2{ width:20%; margin-left:20%; margin-top:100px;}
.dyfoot1-2 ul{ width:100%; float:left;}
.dyfoot1-2 li{ width:45%; float:left; margin:0 2.5%; text-align:center;}
.dyfoot1-2 li img{ width:100%; height:auto; margin-bottom:12px;}

.dyfoot2{ width:90%; margin:0 auto; margin-top:50px;}
.dyfoot2 a{ color:#FFF;}
.dyfoot2 a:hover{ color:#FFF; text-decoration:underline;}
@media only screen and (max-width: 1500px){
.dyanli2{ width:100%; margin:0 auto;}
.dyanli2 ul{ width:100%; float:left;}
.dyanli2 li{ width:24%; float:left; margin:0.5%; height:230px; overflow:hidden;}
.anlipic{ position:relative; z-index:100; width:100%; height:auto;}
.dysp02{ position:relative; z-index:10000; width:100%; height:230px; top:-230px; line-height:230px; font-size:22px; font-weight:bold; color:#FFF; text-align:center;}
.dyanli2 li a:hover .dysp02{ background:url(../images/spanbg.png) repeat;}
/**********************************************************************/	
	}
	
.dyneiye{ width:1300px; margin:0 auto; margin-top:35px; margin-bottom:35px;}
.dyneiye-1{ width:260px; border:1px solid #CCC;}
.dysp04{ width:100%; height:62px; line-height:62px; text-align:center; background:#16569e; color:#FFF; font-size:22px;}	
.dyul03{ width:100%;}
.dyul03 li{ width:100%; float:left; height:50px;}
.dyul03 li a{ display:block; width:100%; height:50px; line-height:50px; border-bottom:1px solid #CCC; text-align:center;}
.dyul03 li a:hover{ display:block; width:100%; height:50px; line-height:50px; border-bottom:1px solid #CCC; background:#16569e; color:#FFF; text-align:center;}

.dyneiye-2{ width:976px; margin-left:30px; border:1px solid #CCC; padding:15px;}
.dyh3{ width:100%; text-align:center; font-size:20px; color:#16569e;}
.dyxian{ display:block; width:100%; float:left; border:none; background:url(../images/xiantiao1.png) no-repeat center; height:3px; margin-top:15px;}

.dynei1{ width:100%; line-height:28px; margin-top:25px;}

.dynei2{ width:100%; margin-top:25px;}
.dynei2 ul{ width:100%; float:left;}
.dynei2 li{ width:30%; float:left; margin:1.5%; text-align:center; font-size:16px; font-weight:bold;}
.dynei2 li a img{ width:99.5%; height:auto; border:1px solid #16569e; margin-bottom:10px;}

.dynei3{ width:100%; margin-top:25px;}
.dynei3 ul{ width:100%; float:left;}
.dynei3 li{ width:100%; float:left; margin-bottom:25px; border-bottom:1px dotted #CCC; padding-bottom:25px;}
.dysp05{ width:20%; line-height:25px; padding:30px 0; background:#e9e9e9; text-align:center; text-transform:uppercase;}
.dysp05 strong{ font-size:17px;}
.xwdiv{ width:75%; margin-left:5%;}
.xwdiv h1{ display:block; width:100%; font-size:16px; float:left; margin-top:12px;}
.xwdiv h2{ display:block; width:100%; float:left; font-size:14px; font-weight:normal; line-height:20px; margin-top:10px;} 
.dysp06{ width:100%; margin-top:10px; font-size:14px; color:#999;}
.dynei3 li:hover{ background:#16569e; color:#FFF;}
.dynei3 li:hover .dysp05{ background:#16569e; color:#FFF;}
.dynei3 li:hover .xwdiv{ color:#FFF;}
.dynei3 li:hover .dysp06{ color:#FFF;}

.dynei4{ width:100%; margin-top:25px;}
.dynei4-1{ width:100%; line-height:24px; border-bottom:1px solid #CCC; padding-bottom:50px;}

.dynei4-2{ width:100%; margin-top:30px;}
.dynei4-2 h1{ display:block; width:100%; font-size:20px; color:#16569e; float:left;}
.dynei4-2 ul{ width:100%; margin-top:12px; float:left;}
.dynei4-2 li{ width:50%; float:left; margin:12px 0;}

.dynei4-3{ width:100%; margin-top:30px;}
.message{ width:100%; float:left;}
.blzh8{ display:block; width:100%; font-size:20px; color:#16569e;}
.message .box{  margin-top:50px;}
.message .box li{line-height:47px;margin-bottom:25px; }
.message .box li .input-text{height:45px;line-height:45px;outline:none; text-indent:12px; border:1px solid #ccc;width:99%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.message .box li .input-text:focus{border-color:#b59665;}
.message .box li textarea.input-text{height:84px;line-height:24px;resize:none;}
.message .box li.btn{ margin:0 1.5%;}
.message .box li .button{cursor:pointer;width:47%;border:none;height:40px;background-color:#2775b7;border-radius:20px;color:#fff;font-size:16px}
.message .box li .button:hover{ background:#2063b1; color:#FFF;} 
/*************************************************************************/


.dc_pages{ width:100%; float:left; margin-bottom:25px; margin-top:25px;}
.dc_pages1{ width:100%; margin:0 auto;}
.dc_pages1 a{ display:block; width:17.5%; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;
	margin-bottom:20px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}	
	